<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>{}数智客运大脑</title>
        <link rel="stylesheet" href="css/test.css">
		<link rel="stylesheet" href="css/cityBus.css">
		<link rel="stylesheet" href="css/defaultNormal.css">
    </head>
    <body>
		<span id="titles" style="display: none;">{}数智客运大脑</span>
		<header>
            <h1>{}数智客运大脑</h1>
            <div style="float: right;margin-top:-75px;margin-right: 30px;">
				<div class="weather"><span id="weatherToday"></span></div>
				<!-- <iframe id="weatherToday" width="350" height="25" allowtransparency="true" style="background-color: #bec3d0;" frameborder="0" scrolling="no" hspace="0" src="https://i.tianqi.com/?c=code&id=40"></iframe> -->
			</div>
			<div class="backButton" placeholder="返回">
				<img src="images/cityBus/返回.png"/>
			</div>
            <div class="showTime" style="margin-top: 15px;"></div>
        </header>
		<section class="mainbox">
            <div class="column">
                <div class="panel bar" style="padding-bottom: 5px;padding-top:5px;">
					<div class="title">客运趋势</div>
					<div class="title-divider">
					</div>
					<div class="sub-content" style="padding-top:10px;">
						<div class="sub-title">
							<div class="sub-a"><a href="javascript:void(0);">进入驾驶舱></a></div>
						</div>
						<div id="bcBus" class="sub-chart"></div>
					</div>
					<div class="sub-content">
						<div class="sub-title">
							<div class="sub-a"><a href="javascript:void(0);">进入驾驶舱></a></div>
						</div>
						<div id="baocBus" class="sub-chart"></div>
					</div>
					<div class="sub-content">
						<div class="sub-title">
							<div class="sub-a"><a id="proCityBus" href="javascript:void(0);">进入驾驶舱></a></div>
						</div>
						<div id="gjBus" class="sub-chart"></div>
					</div>
					<div class="panel-footer"></div>
                </div>
			</div>
            <div class="column">
                <div class="map">
					<input type="hidden" id="levelgov" value="1" />
                    <div class="map1"></div>
                    <div class="map2"></div>
                    <div class="map3"></div>
                    <div id="mapData" class="chart"></div>
					<div class="process-data">
						<div>
							<canvas id="process1" class="process" width="100px" height="100px">0</canvas>
							<div>运行车辆总量</div>
						</div>
						<div>
							<canvas id="process2" class="process" width="100px" height="100px">0</canvas>
							<div>客运人流总量</div>
						</div>
						<div>
							<canvas id="process3" class="process" width="100px" height="100px">0</canvas>
							<div>售票收入总量</div>
						</div>
					</div>
					<div id="proStationData" class="station-data">
						<div><img src="images/cityBus/一级客运站点.png" align="absmiddle"/>一级客运站43</div>
						<div><img src="images/cityBus/二级客运站点.png" align="absmiddle"/>二级客运站47</div>
						<div><img src="images/cityBus/三级客运站点.png" align="absmiddle"/>三级客运站60</div>
						<div><img src="images/cityBus/其他站点.png" align="absmiddle"/>其他站点29706</div>
					</div>
					<div id="cityStationData" class="station-data" style="display: none;">
						<div><img src="images/cityBus/一级客运站点.png" align="absmiddle"/>一级客运站5</div>
						<div><img src="images/cityBus/二级客运站点.png" align="absmiddle"/>二级客运站2</div>
						<div><img src="images/cityBus/三级客运站点.png" align="absmiddle"/>三级客运站2</div>
						<div><img src="images/cityBus/便携客运站点.png" align="absmiddle"/>便携车站48</div>
						<div><img src="images/cityBus/招呼站.png" align="absmiddle"/>招呼站870</div>
					</div>
                </div>
            </div>
            <div class="column">
                <div class="panel bar2" style="padding-bottom: 5px;padding-top:5px;">
					<div class="title">特色客运</div>
					<div class="title-divider">
					</div>
					<div class="sub-content" style="padding-top: 10px;">
						<div id="dzBus" class="sub-chart1"></div>
					</div>
					<div class="title-divider1">
					</div>
					<div class="sub-content" style="padding-top: 10px;">
						<div id="zsBus" class="sub-chart3"></div>
					</div>
					<div class="title-divider1">
					</div>
					<div class="sub-content" style="padding-top: 10px;">
						<div id="szBus" class="sub-chart2"></div>
					</div>
					<div class="title-divider1">
					</div>
					<div class="sub-content" style="padding-top: 10px;">
						<div class="sub-title-a">
							<div class="sub-a"><a id="prosperity" href="javascript:void(0);">共同富裕</a></div>
						</div>
						<div id="gtBus" class="sub-chart3"></div>
					</div>
					<div class="panel-footer"></div>
                </div>
            </div>
        </section>
		<section class="mainbox" style="margin-top: -11.555%;z-index: 10;">
		    <div class="column">
				<div class="panel bar">
					<div class="title">行业规模</div>
					<div class="title-divider">
					</div>
					<div id="hyBus" class="sub-chart4"></div>
					<div class="panel-footer"></div>
				</div>
			</div>
			<div class="column" style="margin-right: 0px;margin-bottom: 0px;">
				<div class="panel bar">
					<div class="title">运行状态</div>
					<div class="title-divider">
					</div>
					<div class="sub-content4 yxclass">
						<table id="qyTop" style="width: 31%;">
						    <thead>
						        <tr>
						            <th>排名</th>
						            <th>企业名称</th>
						            <th>运行车辆</th>
						        </tr>
						    </thead>
						    <tbody >
						    </tbody>
						</table>
						<table id="kyTop" style="width: 40%;">
						    <thead>
						        <tr>
						            <th>排名</th>
						            <th>客运站名称</th>
						            <th>所属城市</th>
									<th>人流量</th>
						        </tr>
						    </thead>
						    <tbody>
						    </tbody>
						</table>
						<table id="cityTop" style="width: 27%;">
						    <thead>
						        <tr>
						            <th>排名</th>
						            <th>城市</th>
						            <th>销售收入（万元）</th>
						        </tr>
						    </thead>
						    <tbody>
						    </tbody>
						</table>
					</div>
					<div class="panel-footer"></div>
				</div>
			</div>
			<div id="mapCityData" ></div>
		</section>
        <script src="js/flexible.js"></script>
        <script src="js/echarts5.2/echarts.min.js"></script>
        <!-- 先引入jquery -->
        <script src="js/jquery.js"></script>
        <!-- 必须先引入china.js 这个文件 因为中国地图需要 -->
        <script src="js/china.js"></script>
        <script src="js/zhejiang.js"></script>
        <script src="js/echartBuild.js"></script>
		<script src="js/cityBus.js"></script>
		<script src="js/time.js"></script>
		<script src="js/weather.js"></script>
		<script src="js/extJs.js"></script>
        <script src="js/echarts5.2/echarts-china-cities-js/js/shape-with-internal-borders/zhe4_jiang1_shao4_xing1.js"></script>
    </body>
</html>
